<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head> 
    <meta charset="UTF-8">
    <%@ include file="/WEB-INF/views/include/head.jsp"%>
    <link rel="stylesheet" href="${ctxStatic}/css/common_erp.css">
    <link rel="stylesheet" href="${ctxStatic}/css/layerSm.css">
   
    <script>
   

    $(function(){
        $(".tabBox ul li").each(function(){
            var index=$(this).index();

            $(".tabBox ul li").eq(0).addClass("active");

            $(this).click(function(){

                $(this).addClass("active").siblings().removeClass("active");

                $(".tabBoxSm > .tabSm").eq(index).stop(true).show().siblings().stop(true).hide();
				
				var tableW = $(".tabBoxSm > .tabSm").eq(index).find('.tableHead').width();
				var tabodyH = $(".tabBoxSm > .tabSm").eq(index).find('.tableBody').height();
				var tableScrollH = $(".tabBoxSm > .tabSm").eq(index).find('.tableScroll').height();
				if(tabodyH>tableScrollH){
					$(".tabBoxSm > .tabSm").eq(index).find('.tableScroll').css('width',tableW + 18 + 'px');
				}else{
					$(".tabBoxSm > .tabSm").eq(index).find('.tableScroll').css('width','inherit');
				}
            });
        });
        $("select").select2();
        
        
    });
    
    
    
    /* 保存创建/编辑信息 */
    function saveForm(){
     	var params = $("#inputForm").serialize();
     	alert(params);
     	$.post("${ctx}/produce/technology/save",params,function(result){
    		// 弹出提示框,刷新父页面,关闭当前页面 
    		tipParent(result.message);
    		 window.parent.frames[0].searchListForm();
    		closeWin();  		
    	},'json');
    	
    }
    
   
    </script> 
</head>
<body>
<!-- 编辑头部 -->   
<div class="layerHeader clearfix">
	<p class="headerTitle"><spring:message code="production_process_edit_process"/></p>
    <div class="headerButton clearfix">       	   	 	
        <!-- 保存按钮 -->
        <button type="button" onclick="saveForm();"><spring:message code="common_save"/></button>   	
    	<!-- 取消按钮 -->
        <button type="button" onclick="closeWin()"><spring:message code="purchaseContract_edit_cancle"/></button>
    
    </div>
</div>


<div id="showHtml" class="smOrderBox">
    <div class="items clearfix">
        		<div class="col-33 clearfix haveToBox" style="left:80px">
        		<!-- 客户 -->
            		<p class="tit"><spring:message code="production_process_customer"/></p>
          			<input text="text" value="" style="width: 200px">
        		</div>        
        		<div class="col-33 clearfix haveToBox" style="left:150px">
        		<!-- 品牌  -->
            		<p class="tit"><spring:message code="production_process_brand"/></p>               
                	<input text="text" value="" style="width: 200px">            
        		</div>        
    </div>
    <div class="items clearfix">
        		<div class="col-33 clearfix haveToBox" style="left:80px">
        		<!-- 类别  -->
            		<p class="tit"><spring:message code="production_process_category"/></p>            	
            		<input text="text" value="" style="width: 200px">
            
        		</div>
        		<div class="col-33 clearfix haveToBox" style="left:150px">
        		<!-- 备注  -->
            		<p class="tit"><spring:message code="production_process_note"/></p>             	
             		<input text="text" value="" style="width: 200px">
        		</div>
   </div>
    <div class="items clearfix" >        	
        		<div class="col-33 clearfix haveToBox" style="left:80px">        			
        		<!-- 状态  -->
            		<p class="tit"><spring:message code="production_process_state"/></p>              		
               		<input text="text" value="" style="width: 200px">         			
                </div>                
    </div>    	              
	<div class=" clearfix" >
        	<!-- 生产工艺  -->
        	<p class="title" style="margin-top: 2px"><spring:message code="production_process_process"/></p>
        	<button type="button" onclick="closeWin()"><spring:message code="purchaseContract_edit_cancle"/></button>
        </div>
		<div class="tabBoxSm">
		    <div class="tabSm">
		    	<div class="tableArea">
		        	<div class="tableScroll tableScrollSm" style="width:890px;height:387px;">
		        		<table cellpadding="0" class="tableHead">
		                    <thead>
		                    <tr>
		                    	<th><p class="tab-cz" style="width: 80px"><spring:message code="production_process_delete" /></p></th>
				                <th><p class="tab-mc" style="width: 100px"><spring:message code="production_process_name" /></p></th>
				                <th><p class="tab-tp" style="width: 100px"><spring:message code="production_process_picture" /></p></th>
				                <th><p class="tab-xq" style="width: 150px"><spring:message code="production_process_details" /></p></th>
				                <th><p class="tab-zt" style="width: 100px"><spring:message code="production_process_state" /></p></th>
				                <th><p class="tab-cjr" style="width: 100px"><spring:message code="production_process_create" /></p></th>
				                <th><p class="tab-cjrq" style="width: 100px"><spring:message code="production_process_create_date" /></p></th>
		                    </tr>
		                    </thead>
		                </table>
		                 <!-- 订舱单明细 -->
		                <table cellpadding="0" class="tableBody">
							<c:if test="${not empty bookingOrders.bookingOrderList}">
								<tbody>
									<c:forEach items="${bookingOrders.bookingOrderList}" var="booking" varStatus="importStatus">
										<tr>
										    <!-- 删除 -->
											<td><p style="width:50px" class="tab-cz"></p></td>											
											<!-- 合同订单编号 -->
											<td><p style="width:80px">${booking.indentId}</p></td											
											<!-- 款式编号 -->
											<td><p style="width: 100px">${booking.styleCustomerNo}</p></td>																						
											<!-- 款式名称 -->
											<td><p style="width: 100px">${booking.styleNameCn}</p></td>											
											<!-- 交货日期 -->
											<td><p style="width: 70px">${booking.deliveryDate}</p></td>											
											<!-- 入库日期 -->
											<td><p style="width: 70px">${booking.inboundDate}</p></td>											
											<!-- 国别 -->
											<td><p style="width: 70px">${fns:getDictName(booking.countryCd)}</p></td>											
											<!-- 箱数 -->
											<td><p style="width: 70px"><fmt:formatNumber value="${booking.packageQuantity}" pattern="#,##0.00###"/></p></td>											
											<!-- 件数 -->
											<td><p style="width: 70px"><fmt:formatNumber value="${booking.packageStyleQuantity}" pattern="#,##0.00###"/></p></td>
											<!-- 毛重 -->
											<td><p style="width: 70px"><fmt:formatNumber value="${booking.packageRoughWeight}" pattern="#,##0.00###"/></p></td>											
											<!-- 体积 -->
											<td><p style="width: 70px"><fmt:formatNumber value="${booking.packageVolume}" pattern="#,##0.00###"/></p></td>                                            
											<!-- 备注 -->
											<td><p style="width: 70px" class='text_overflow' data-toggle='tooltip' title='${booking.noteRemarks}'>${booking.noteRemarks}</p></td>
										</tr>
									</c:forEach>
								</tbody>
							</c:if>
						</table>
		            </div>
		        </div>
			</div>		
		</div>
</div>		
</body>
</html>